<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div>
            <div class="row">
                <div class="creat-step-wrap clearfix">
                    <div class="col-sm-4">
                        <div class="creat-step-bx">
                            <span class="vam fs24 c-4e"><i class="fa fa-hand-pointer-o"></i></span>
                            <div class="creat-step-txt">
                                <h5><span class="fs18 c-222">第一步：基本信息</span></h5>
                                <span class="fs14 c-999">名称、价格、有效期</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="creat-step-bx">
                            <span class="vam fs24 c-4e"><i class="fa fa-hand-peace-o"></i></span>
                            <div class="creat-step-txt">
                                <h5><span class="fs18 c-222">第二步：描述信息</span></h5>
                                <span class="fs14 c-999">封面、特色、详情</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 creat-step-current">
                        <div class="creat-step-bx">
                            <span class="vam fs24 c-4e"><i class="fa fa-hand-spock-o"></i></span>
                            <div class="creat-step-txt">
                                <h5><span class="fs18 c-222">第三步：套餐内容</span></h5>
                                <span class="fs14 c-999">套餐内包含的课程</span>
                            </div>
                        </div>
                    </div>
                </div>
                <form id="search-form">
                    <input type="hidden" id="packageId" th:value="${course['id']}"/>
                    <input type="hidden" id="status" th:value="${course['status']}"/>
                </form>
                <div class="pt10">
                    <div class="col-sm-9">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>设置套餐课程</h5>
                            </div>
                            <div class="ibox-content clearfix pt10">
                                <div class="form-horizontal">
                                    <div th:if="${course['status']}==0">
                                        <div class="form-group">
                                            <div class="col-sm-8">
                                                <button class="btn btn-primary " type="button" id="insertStage">
                                                    <i class="fa fa-plus"></i>&nbsp;添加阶段
                                                </button>
                                                <button class="btn btn-primary selectCourse" type="button" data-select="0">
                                                    <i class="fa fa-mouse-pointer"></i>&nbsp;选择课程
                                                </button>
                                            </div>
                                        </div>
                                        <div class="hr-line-dashed"></div>
                                    </div>

                                    <div class="form-group" id="package-course-list-box">

                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <div class="col-sm-10 col-sm-offset-2">
                                            <button class="btn btn-primary" type="button" id="saveReturn">保存，返回</button>
                                            &nbsp;
                                            <button class="btn btn-primary" type="button" id="cancelLast">返回上一步</button>
                                            <button class="btn btn-primary ml10" th:if="${course['status']}==0 or ${course['status']}==2" th:attrappend="data-id=${course['id']}" type="button" id="saveOnShelf">保存，上架</button>
                                            <button class="btn btn-white ml10" type="button" id="saveCancel">取消</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-th-replace="common/importantNotes"></div>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/select-common-course.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/update-course-status.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cou/packageCou/package-course.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
